<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
	<title>星惠购支付</title>
	<style type="text/css">
		*{margin: 0;padding: 0;}
		.payInfo_section{
			margin-top: 70px;
		}
		.payInfo_section .logo_box .logo{
			display: block;
			width: 70px;
			height: 70px;
			margin: 0 auto;
		}
		.payInfo_section .money_box .money-num{
			text-align: center;
			font-size: 32px;
			padding-top: 35px;
		}
		.payInfo_section .pay_text{
			display: flex;
			align-items: center;
			padding: 0 15px;
			height: 50px;
			line-height: 50px;
			border-bottom: 1px solid #eee;
			margin-top: 26px;
			border-top: 1px solid #eee;
		}
		.payInfo_section .pay_text label{
			flex: 0 0 80px;
			color: #666;
		}
		.payInfo_section .pay_text span{
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			float: left;
		}
		.payShow_box .group_btn{
			padding: 0 15px;
			margin-top: 30px;
			margin-bottom: 40px;
		}
		.payShow_box .group_btn .payBtn{
			display: block;
			width: 100%;
			border: none;
			outline: none;
			height: 52px;
			font-size: 17px;
			border-radius: 5px;
		}
		.payShow_box .group_btn .wechatBtn{
			background-color: #44bb01;
			color: #fff;
		}
		.payShow_box .group_btn .alipayBtn{
			background-color: #00a0e9;
			color: #fff;
		}
		.payShow_box .tip_msg{
			font-size: 12px;
			color: #8a8a8a;
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="payShow_box">
		<div class="payInfo_section">
			<div class="logo_box">
				<img class="logo" src="./img/4.png">
			</div>
			<div class="money_box">
				<p class="money-num">￥700</p>
			</div>
			<div class="pay_text">
				<label>收款理由：</label>
				<span>百草味 蜜饯 抱抱果和田红枣夹核桃仁260g/盒 干果零食特产</span>
			</div>
		</div>
		<div class="group_btn">
			<button class="payBtn wechatBtn">去支付</button>
		</div>
		<div class="tip_msg">
			<p>如有疑问请联系我们</p>
		</div>
	</div>
</body>
</html>